@font-face{font-family:openPlatFont;src:url(./img/homepage/dist/big_noodle_titling.ttf)}
#lunbo_img{width:100%;max-width:700px;height:auto}
.btn-l{left:28px}
.btn-r{right:28px}
.btn-move{margin-top:-62px;position:absolute;top:50%}
#myCarousel2 h3{text-align:center;color:#f0f7ff}
#tool_unit{margin-top:50px;text-align:center;padding-top:0 auto;background-color:#0b1218}
#myCarousel2 h1,#open_plat h1,#tool_unit h1{color:#e9e9e9;text-align:center}
#open_plat h3,#tool_unit h3{color:#e9e9e9;text-align:center}
#myCarousel1 a,#myCarousel2 a,#open_plat a,#tool_unit a{text-decoration:none}
#product_box div{border:1px solid #fff;background-color:#fff;margin-left:auto;margin-right:auto}
#p1{margin-top:27px;font-size:24px;color:#333;height: 30px;overflow: hidden;}
#p2{margin-top:0px;margin-bottom:30px;font-size:20px;color:#464646;height: 28px;overflow: hidden;}
#p3{border:1px solid #2e9ede;height:40px;line-height:40px;cursor:pointer;margin-top:10px}
#p4{background-position:50% 50%;background-repeat:no-repeat;background-image:url(/img/homepage/dist/more_btn.png);height:40px;line-height:43px;cursor:pointer;margin-top:65px;;color:#fff;text-align:center}
#product_info{height:175px;margin-bottom:20px;text-align:justify;overflow: hidden;color: #747474;}
#open_plat{background-repeat:no-repeat;background-image:url(/img/homepage/dist/open_bg.png);}
#plat_box{background-color:#fdfdfd;height:auto;text-align:center;margin:60px auto auto auto;}
#plat_box:last{background-color:#fdfdfd;height:920px;margin-top:60px}
#plat_box h2{color:#2a2b2d;margin-top:40px;text-align:center}
#plat_box h3{color:#6d6767;margin-top:20px;margin-bottom:30px;text-align:center}
#left_01{text-align:center}
#tiao{margin-bottom:30px;margin-right:0;margin-left:0;background-repeat:repeat-x;background-image:url(./img/homepage/dist/bg.png);width:100%;display:inline-block;position:relative;height:120px}
#tiao div{text-align:center;margin:0 auto;height:120px;line-height:120px;position:absolute}
#font_20{font-size:20px}
#bailu_dynamic{margin-bottom:50px;height:auto}
#bailu_dynamic h1{text-align:center;}
#bailu_dynamic span{/*padding-bottom:13px;*/border-bottom:1px solid #000;font-size:25px}
#bailu_dynamic ol{text-align:left;margin-top:20px;line-height:20px;}
#bailu_dynamic li{line-height:32px;color:#747474;font-size: 15px;}
#point img{margin-left:-14px;padding-right:8px;text-decoration:none}
#point{text-decoration:underline}
/*#article_box{height:320px}*/
.B_open_show{position:relative;text-align: left;overflow: hidden;background: url('/img/homepage/dist/bg.png')}
.B_open_show img{float: left;}
.B_open_show i {font-style: normal;color: #2e9ede;font-weight: bold;}
.B_open_show div{float: left;}
.B_open_show span{display: inline-block;float: left;color: #2e9ede;font-weight: bold;font-family: Arial, Helvetica, sans-serif;margin: 0 10px;}
.hangye{
	-moz-user-select: none; /*火狐*/
	-webkit-user-select: none; /*webkit浏览器*/
	-ms-user-select: none; /*IE10*/
	-khtml-user-select: none; /*早期浏览器*/
	user-select: none;
	margin:0 auto;
	text-align:center;
	position: absolute;
	z-index: 999;
	margin: auto;
	left: 0;
	right: 0;
}
@media only screen and (min-width: 1024px) {
	.picture{
		display: none;
	}
}
@media screen and (min-width:319px){.B_inner{margin-top:50px;padding:0 13px;text-align:center}
#product_box div{padding: 40px 10px 20px 10px;height:500px}
#myCarousel2 h1,#open_plat h1,#tool_unit h1{font-size:20px;margin-top:60px}
#open_plat h3,#tool_unit h3{font-size:12px;margin-top:15px}
.B_product{padding:0 15px}
#product_box div{margin-top:15px}
.B_rounded{width:100%;float:left}
.B_rounded2{width:100%;float:right}
.B_roundedP{padding:0 15px}
.B_open_show{
    height: 80px;margin: 20px 0;padding: 10px 15px;
}
.B_open_show p{
    line-height: 30px;text-align: right;font-size: 10px;float: left;
}
.B_open_show i{
    font-size: 14px;
}
.B_open_show img{
    width: 60px;height: 60px;margin-right: 5px
}
.B_open_show div{
    font-size: 10px;line-height: 60px;
}
.B_open_show span{
    font-size: 18px;line-height: 60px;
}
#plat_box{
    padding:0px;
}
#bailu_dynamic .olbox{
	margin-left: 35px;
}
.spbox{
	text-align: center;
	margin-top: 60px;	}
#bailu_dynamic ol{
    margin-left:13px;margin-right:13px;
}
#bailu_dynamic span{
    margin-left:15px;margin-right:15px;font-size: 16px;
}
.B_cooperation{
    margin-left:5px;margin-top: 30px;width: 100%;
}
#bailu_dynamic h1{
    margin: 60px auto 0px auto;font-size: 20px;
}
.hangye{
    bottom: 24px;
}
.hangye span{
    font-size: 14px;
}
}
@media screen and (min-width:640px){.B_rounded{width:48%;float:left}
.B_rounded2{width:48%;float:right}
.B_roundedP{padding:0 70px}
#product_box div{padding:30px;height:574px}
.B_inner{margin-top:50px;padding:0 100px;text-align:center}
.B_rounded{width:48%;float:left}
.B_rounded2{width:48%;float:right}
#myCarousel2 h1,#open_plat h1,#tool_unit h1{font-size:32px;margin-top:75px}
#open_plat h3,#tool_unit h3{font-size:20px;margin-top:32px;margin-bottom:40px}
#plat_box{
    padding:20px 0px 20px 0px
}

#bailu_dynamic ol{
    margin-left:15px;margin-right:15px;
}
#bailu_dynamic span{
    margin-left:15px;margin-right:15px;font-size: 18px;
}
.B_cooperation{
    margin-left:5px;margin-top: 30px;width: 70%;
}
#bailu_dynamic h1{
    margin: 55px auto 50px auto;
    font-size: 30px;
}
}
.hangye{
	bottom: 40px;

}
.hangye span{
    font-size: 24px;
}
.B_open_show{
        height: 80px;padding: 10px;margin: 10px 0;
    }
    .B_open_show p{
        line-height: 30px;text-align: right;font-size: 18px;
    }
    .B_open_show img{
        width: 60px;height: 60px;margin-right: 15px
    }
    .B_open_show i{
        font-size: 20px;
    }
    .B_open_show div{
        font-size: 18px;line-height: 60px;
    }
    .B_open_show span{
        font-size: 40px;line-height: 60px;
    }
}

@media screen and (max-width:1200px){
    #plat_box{margin: 10px 0 0 0;}
    #plat_box h2{margin-top: 10px;}
    .B_rounded{
        width: 100%;
    }
    .B_rounded2{
        width: 100%;
    }
    .B_open_show{
        height: 80px;padding: 10px;margin: 10px 0;
    }
    .B_open_show p{
        line-height: 30px;text-align: right;
    }
    .B_open_show img{
        width: 60px;height: 60px;margin-right: 15px
    }
    .B_open_show i{
        /*font-size: 14px;    */
    }
    .B_open_show div{
        line-height: 60px;
    }
    .B_open_show span{
        font-size: 40px;line-height: 60px;
    }
    #p4{margin-top: 20px;margin-bottom: 20px;}
    #myCarousel2 #p4{
        margin-bottom: 50px;
    }
}
@media screen and (max-width:1600px){
    #myCarousel2 #p4{
        margin-bottom: 50px;
    }
}
@media screen and (min-width:1601px){.B_inner{margin-top:50px;padding:0 160px;text-align:center}
#product_box div{padding:60px 60px 30px 60px}
#myCarousel2 h1,#open_plat h1,#tool_unit h1{font-size:40px;margin-top:75px}
#open_plat h3,#tool_unit h3{font-size:20px;margin-top:32px}
.B_product{padding:0 160px}
#product_box div{margin-top:70px;height:574px}
.B_rounded{width:48%;float:left}
.B_rounded2{width:48%;float:right}
.B_roundedP{padding:0 160px}
#plat_box{
    padding:40px 0px 40px 0px
}
.B_open_show{height: 140px;padding: 20px 30px;margin: 20px 0;}
.B_open_show p{
    line-height: 50px;text-align: right;font-size: 18px;
}
.B_open_show img{
    width: 100px;height: 100px;margin-right: 20px
}
.B_open_show div{
    font-size: 18px;line-height: 100px;
}
.B_open_show i{
    font-size: 40px;
}
.B_open_show span{
    font-size: 60px;line-height: 100px;
}
#bailu_dynamic ol{
    margin-left:75px;margin-right:75px;
}
#bailu_dynamic span{
    margin-left:75px;margin-right:75px;
}
.B_cooperation{
    margin-left:60px;margin-top: 30px;width: 80%;
}
#bailu_dynamic h1{
    margin: 75px auto 65px auto;font-size: 36px;
}
.hangye{
	bottom: 50px;
}
#p4{margin-top: 75px;margin-bottom: 65px;}
}
.container-fluid{
    padding: 0
}
#myCarousel1 .item{
    width:  100%;
    height: 7.5rem;
    background-repeat: no-repeat;
    background-size: contain;
}
.mainIndexContain{
    background: #fff;
    width: 100%;
    padding: 0 4.7rem 1.125rem 4.5rem
}
.mainTitle{
    font-size: 0.4823rem;
    color:#292A2F;
    margin: 0.36rem 0 0.36rem 0;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mainTitle img{
    width: 0.3rem;
    height: 0.4rem;
    margin-right:0.25rem
}
.engineContain{
    background: #F7FAFC;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding-bottom: 0.568rem;
    position: relative;
}
.media {
margin-top:0px !important;
}
#engineCarousel{
    width: 100%
}
#engineCarousel .item{
    width: 100%;
}
.engineCarouselText{
    color: #87888C;
    font-size: 0.386rem;
    margin-bottom: 0.161rem;
    margin-top: 0.12rem
}
.carouselBottom{
    position: absolute;
    width: 100%;
    height: 2.37rem;
    line-height: 2.37rem;
    bottom: 0;
    display: flex;
    justify-content: center;
    background: rgba(0, 0, 0, 0.3)
}
.bottomItem:hover{
    background: rgba(255,255,255,0.2);
    color: #fff !important;
}

.bottomItem{
    width: 4.575rem;
    color:#fff;
    font-size: 0.321rem;
    border-left: 1px solid;
    border-color: rgba(255,255,255,0.2);
}
.bottomItem img{
    width: 0.89rem;
    height: 0.89rem;
    margin: 0 0.48rem 0 0.56rem;
}
.engineCarouselImg{
    margin-bottom: 0.3rem;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.engineCarouselImg img{
    width: 0.6rem;
    height: 0.6rem;
    margin-right: 0.429rem;

}
.carousel-inner .active.left {
    left: -33%;
}
.carousel-inner .next {
    left: 33%;
}
.carousel-inner .prev {
    left: -33%;
}
.engineImg {
    width: 12.47rem;
    height: 9.45rem
}
.engineIcon{
    width: 1.596rem;
    height: 3.41rem;
}
.engineTitle{
    color: #292A2F;
    font-size: 0.643rem;
    text-align: center;
    margin: 0.65rem 0  0.204rem 0;
}
.engineText{
    color: #87888C;
    font-size: 0.386rem;
    text-align: center;
    margin-bottom: 0.6rem;
}
.engineImgContain{
    text-align: center;
}
.lookMore{
    width: 75px;
    height: 24px;
    color: #487AF6;
    border: 1px solid #487AF6;
    border-radius: 12px;
    display: flex;
    font-size: 12px;
    justify-content: center;
    align-items: center
}
.gameContain{
    width: 100%;
    margin-top: 0.503rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.gameItem{
    width: 6.43rem;
    min-height: 8.57rem;
    border-radius: 0.11rem;
    position: relative;
    box-shadow: 0px 13px 28.42px 0.58px rgba(0, 0, 0, 0.05);
    margin-bottom: 0.55rem;
}
.gameImg{
    width: 100%;
    height: 6.63rem;
    border-top-left-radius: 0.11rem;
    border-top-right-radius: 0.11rem;
}
.gameTitle{
    margin: 0.193rem 0;
    color: #292A2F;
    font-size: 0.32rem;
    padding: 0 0.311rem 0  0.354rem;
}
.gameText{
    margin: 0.193rem 0;
    color: #A4A2A2;
    font-size: 0.3rem;
    padding: 0 0.311rem 0  0.354rem;
}
.gameCodeContain{
    width: 100%;
    height: 6.63rem;
    line-height: 6.63rem;
    background: rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    display: none;
    text-align: center;
    border-top-left-radius: 0.11rem;
    border-top-right-radius: 0.11rem;
}
.gameCodeContain img{
    width: 3.21rem;
    height: 3.21rem;
}
.newsContain{
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.newsItem{
    width: 6.43rem;
    min-height: 4.34rem;
    border-radius: 0.11rem;
    box-shadow: 0px 13px 28.42px 0.58px rgba(0, 0, 0, 0.05);
}
.newsImg{
    width: 6.43rem;
    height: 2.72rem;
    border-radius: 0.1rem;
}
.newsText{
    color: #1A1A1A;
    font-size: 0.3rem;
    padding:0.35rem 0.214rem 0.428rem
}
.communityContain{
    display: flex;
    justify-content: space-between;
}
.communityItem{
    width: 9.96rem;
}
.blogContain {
    min-height: 4.07rem;
}
.blogImg{
    width: 3.75rem;
    height: 3.21rem;
    margin-right: 0.342rem;
    border-radius: 0.107rem;
}
.blogTitle{
    color: #292A2F;
    font-size: 0.279rem;
    margin:0.107rem 0 0.407rem 0;
}
.blogText{
    color: #9C9FAE;
    font-size: 0.257rem;
    margin-bottom: 0.407rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.detailBtn{
    width: 1.78rem;
    height: 0.54rem;
    line-height: 0.54rem;
    font-size: 0.193rem;
    text-align: center;
    background: #487AF6;
    border-radius: 0.268rem;
    color: #fff;
}
.postNum div{
    width: 1.5rem;
    text-align: left;
}
.blogBottom{
    font-size: 0.193rem;
    color: #A4A2A2;
    margin-top: 0.204rem;
}
.line{
    width: 2.35rem;
    height: 0.032rem;
}
.arrowBtn{
    width: 0.686rem;
    height: 0.686rem;
}
.left{
    margin:0  0.382rem 0 0.396rem
}
.right{
    margin:0 0.396rem 0  0.382rem
}
.postContain{
    min-height: 4.07rem;
    padding: 0rem 0.279rem 0rem 0.36rem;
    border-radius: 0.107rem;
    background: linear-gradient(186deg,rgba(0,174,255,1) 0%,rgba(57,120,255,1) 100%);
}
.postContain ul{
    list-style: none;
    color: rgba(255,255,255,0.5);
}
.postContain ul li{
    border-bottom: 1px solid;
    border-color: rgba(255,255,255,0.2);
    position:relative;
}
.postContain ul li:nth-child(5){
    border-bottom: none;
}
.postContain ul li:before{
    content: '';
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: rgba(255,255,255,0.5);
    display: inline-block;
    position: absolute;
    left: 0;
    top: 0.35rem;
}
.postItem{
    width: 100%;
    display: flex;
    justify-content: space-between;
    color: #fff;
    font-size: 0.214rem;
    line-height: 0.81rem;
    height: 0.81rem;
    padding-left: 0.45rem;
}
.postNum{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.postNum img{
    width: 0.268rem;
    height: 0.204rem;
    margin-right: 0.075rem
}
.cooperationContain{
    background: #F7FAFC;
    width: 100%;
    padding: 0 4.7rem 0 4.5rem;
    height: 6.99rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.cooperations{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.386rem;
}
.cooperationItem{
    width: 3.09rem;
}
.cooperationItem img{
    width: 3.09rem;
    height: 1.14rem;
    /*margin-right: 0.407rem;*/
    border-radius: 0.2rem;
}
.cooperationItem img:hover{
   /* box-shadow: 0px 0.14rem 0.34rem 0.006rem rgba(0, 0, 0, 0.05);*/
  /*  box-shadow: 0px 13px 28.42px 0.58px rgba(0, 0, 0, 0.05);*/
}
a:hover{
    text-decoration:none;
}
.carousel-indicators {
    bottom: 1.36rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.carousel-indicators li{
    width: 0.107rem;
    height: 0.107rem;
    margin-right:0.354rem;
    border: none;
    background: rgba(255, 255, 255, 0.2)
}
.carousel-indicators .active{
    margin-right:0.354rem;
    width: 0.45rem;
    height: 0.129rem;
}
.mobileContain{
    display: none;
    background: #F6F6F6;
    padding-top: 55px;
    width: 100%;
    overflow: hidden;
}
#myCarouselMobile .item{
    height: 16.28rem;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 100% 100%;
}
.mainTitleMob{
    background: #fff;
    padding: 1.48rem 0 1.36rem 1.28rem;
    font-size: 1.2rem;
    margin-top: 1.2rem;
    font-weight: 440;
    display: flex;
    align-items: center;
}
.mainTitleMob img{
    width: 0.84rem;
    height: 1.24rem;
    margin-right: 0.48rem
}
.gameContainMob{
    background: #fff;
    padding: 0 1.72rem 0.84rem 1.4rem;
}
.gameImgMob{
    width: 100%;
    height: 11.76rem;
    border-radius: 0.4rem;
    margin-bottom: 1.2rem;
    cursor:pointer
}
.gameCodeContainMob{
    height: 11.76rem;
    line-height: 11.76rem;
}
.gameCodeContainMob img{
    width: 10.24rem;
    height: 9.8rem;
}
#engineCarouselMobile{
    height: 29.72rem;
    background: #fff;
    margin-top: 1.2rem;
    justify-content: space-between;
}
#engineCarouselMobile .engineTitle{
    font-size: 1.28rem;
    margin: 1.52rem 0 0.96rem;
}
#engineCarouselMobile .engineText{
    font-size: 0.8rem;
    margin-bottom: 1.4rem;
}
#engineCarouselMobile .engineCarouselText{
    font-size: 0.8rem;
    margin:  0.68rem 0 1.04rem;
}
#engineCarouselMobile .engineCarouselImg{
    margin-bottom: 1.4rem;
}
#engineCarouselMobile .engineCarouselImg img{
    width: 2.24rem;
    height: 2.24rem;
    margin-right: 0.56rem;
}
.newsContainMob{
    background: #fff;
    padding: 0 1.32rem 0.48rem 1.24rem;
}
.newsItemMob{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 1.8rem;
}
.newsItemMob .newsImg{
    width: 11.52rem;
    height: 6.4rem;
    border-radius: 0.4rem;
    margin-right: 0.6rem;
}
.newsItemMob .newsText{
    font-size: 1.12rem;
    padding: 0;
    line-height: 1.6rem;
}
.vieImg{
    width: 1.44rem;
    height: 0.92rem;
    margin-right: 0.4rem;
}
.newsInf{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    color: #A4A4A4;
    font-size: 0.96rem;
}
.viewContain{
    display: flex;
    align-items: center;
}
.cooperationsMob{
    background: #fff;
    margin-bottom: 1.24rem;
    display: flex;
    justify-content: space-between
}
.cooperationsContainMob{
    background: #fff;
    /* padding: 0 1.24rem 0.72rem 1.36rem; */
}
.cooperationItemMob img{
    width: 9.8rem;
    height: 4.76rem;
    border-radius: 0.4rem;
}
.mobFooterInf{
    width:100%;
    color: #F6F9FC;
    font-size: 0.96rem;
    background: #737F95;
    padding-bottom: 1.8rem;
}
.mobEmail{
    color: #B5C0D4;
    margin-top: 2.12rem;
    width: 100%;
    text-align: center;
}
.mobList{
    width: 100%;
    padding: 2.76rem 1.28rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.mobList a {
    width: 4.08rem;
    color: #fff;
}
.mobileFooter{
    display: none;
}
.pcFooter{
    display: none;
}
.bottomInfoMob{
    color:#F6F9FC;
    font-size: 0.4rem;
    background: #5C6679;
    width: 100%;
    text-align: center;
}
.engineImgMob{
    width: 24.24rem;
    height: 17.56rem;
}
.blogContainMob{
    padding: 0 1.28rem 0 1.72rem;
    background: #fff;
    padding-bottom: 0.01rem;
}
.blogItemMob{
    display: flex;
    margin-bottom: 2rem;

}
.textContent{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.mobImg{
    width: 7.44rem;
    height: 6.36rem;
    margin-right: 1.2rem;
    border-radius: 0.4rem;
}
.mobTitle{
    color: #2C2C2C;
    font-size: 0.96rem;
}
.mobText{
    color: #666666;
    font-size: 0.72rem;
    line-height: 1.2rem;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.mobBtnContain{
    display: flex;
    justify-content: space-between;
    color: #9C9FAE;
    font-size: 0.72rem;
}
.mobdDtailBtn{
    width:4.64rem;
    height:1.44rem;
    border:1px solid rgba(212,212,212,1);
    border-radius:0.72rem;
    color: #989898;
    text-align: center;
    line-height: 1.44rem;
}
#carousel {
    width:100%;
    /* border:1px solid #222; */
    height:470px;
    position:relative;
    clear:both;
    background:#F7FAFC;
}
#carousel img {
    visibility:hidden; /* hide images until carousel can handle them */
    cursor:pointer; /* otherwise it's not as obvious items can be clicked */
    width: 780px;
    height: 470px
}
.engineUl {
    color: #98999D;
    font-size: 12px;
    margin-left: 15px;
    list-style: inherit;
    display: flex;
    justify-content: space-between;
}
.engineUl li {
    float: left;
}
/*.engineImg1{*/
    /*top: 0 !important;*/
/*}*/
/*.engineImg2{*/
    /*top: 44px !important;*/
/*}*/
/*.engineImg3{*/
    /*top: 44px !important;*/
/*}*/